Accessible Password Reveal & State Announcer

Listing: GCD-WEB-048 · Version: 1.0.0 · Price: Free

Start safely

  1. Read README.md, especially prerequisites, limitations, verification, and rollback.
  2. Run npm test; expect 14 passing tests and zero failures.
  3. Open example/password-reveal.html through a local web server.
  4. Copy src/accessible-password-reveal.js and attach it to your existing password input, button, and optional status element.
  5. Test keyboard, screen reader, password manager, submission, mobile, and teardown behavior in the exact production form.

Important boundary

The helper never reads the password value and adds no styles. It does not provide authentication, password validation, HTTPS, protection from scripts already on the page, or accessibility certification. Showing a password exposes it to anyone viewing the screen.

Remove

Call the returned controller's destroy(), remove the module import and added controls, restore the original markup, and retest the original password flow.